// 字体变量
const baseSize = {
  "--font-size-large-x": "22px",
  "--font-size-large": "18px",
  "--font-size-medium": "14px",
  "--font-size-medium-x": "16px",
  "--font-size-small-s": "10px",
  "--font-size-small": "12px",
};


// 钴蓝
export const blueTheme = {
  // 菜单栏 颜色
  "--menu-bg": "#2f3447",
  "--logo-bg": "#2f3447",
  "--logo-text-color": "#fff",
  "--menu-actvie-bg": "#1890ff",
  "--menu-hover-bg": "#1890ff",
  "--menu-text-color": "#fff",
  "--menu-active-text-color": "#fff",
  "--menu-hover-text-color": "#fff",
  
  // 顶部导航栏 颜色
  "--header-bg": "#fff",
  "--header-text-color": "#333",
  "--header-hover-text-color": "#1890ff",

  // 内容区域配色


  "--border-color": "#dcdfe6",
  // 主色系
  "--primary-text-color": "#2f3447",

  ...baseSize
}

// 极黑
export const darkTheme = {
  // 菜单栏 颜色
  "--menu-bg": "#2f3447",
  "--logo-bg": "#2f3447",
  "--logo-text-color": "#fff",
  "--menu-actvie-bg": "#222222",
  "--menu-hover-bg": "#222222",
  "--menu-text-color": "#eee",
  "--menu-active-text-color": "#eee",
  "--menu-hover-text-color": "#eee",
  
  // 顶部导航栏 颜色
  "--header-bg": "#2f3447",
  "--header-text-color": "#eee",
  "--header-hover-text-color": "#222222",

  // 内容区域配色

  "--border-color": "#dcdfe6",
  "--primary-text-color": "#eee",

  ...baseSize
}

// 果绿
export const greenTheme = {
  // 菜单栏 颜色
  "--menu-bg": "#fff",
  "--logo-bg": "#51c21a",
  "--logo-text-color": "#fff",
  "--menu-actvie-bg": "#fff",
  "--menu-hover-bg": "#fff",
  "--menu-text-color": "#333",
  "--menu-active-text-color": "#51c21a",
  "--menu-hover-text-color": "#51c21a",
  
  // 顶部导航栏 颜色
  "--header-bg": "#fff",
  "--header-text-color": "#333",
  "--header-hover-text-color": "#333",
  "--primary-text-color": "#51c21a",

  // 内容区域配色

  "--border-color": "#dcdfe6",

  ...baseSize
}

// 朱砂色
export const vermilionTheme = {
  // 菜单栏 颜色
  "--menu-bg": "#fff",
  "--logo-bg": "#e9692b",
  "--logo-text-color": "#fff",
  "--menu-actvie-bg": "#fff",
  "--menu-hover-bg": "#fff",
  "--menu-text-color": "#333",
  "--menu-active-text-color": "#e9692b",
  "--menu-hover-text-color": "#e9692b",
  
  // 顶部导航栏 颜色
  "--header-bg": "#fff",
  "--header-text-color": "#333",
  "--header-hover-text-color": "#e9692b",
  "--primary-text-color": "#e9692b",
  
  // 内容区域配色

  "--border-color": "#dcdfe6",

  ...baseSize
}